<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
@@include('./widget/title.html')
</head>
<body>
<!--_header 作为公共模版分离出去-->
@@include('./widget/header.html')
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
@@include('./widget/menu.html')
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left" id="slide-title">绑定银行卡</span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i><span>刷新</span></a>

        </div>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="mx-box">
                <div class="mx-title"><h5 class="pl-15"><i class="Hui-iconfont mr-5" style="display:inline-block;">&#xe6f5;</i>绑定银行卡</h5>
                </div>
                <div class="mx-content">
                    <table class="table table-border-no mx-goods-info-table">
                        <tr>
                            <td width="40%" class="text-r"><span class="c-danger">*</span>持卡人姓名：</td>
                            <td><input id="realName" type="text" style="width:200px;" class="input-text radius" placeholder="持卡人姓名"></td>
                        </tr>
                        <tr>
                            <td width="40%" class="text-r"><span class="c-danger">*</span>联系方式：</td>
                            <td><input id="mobile" type="text" style="width:200px;" maxlength="11" class="input-text radius" placeholder="联系方式"><span class="ml-15">银行预留联系方式</span></td>
                        </tr>
                        <tr>
                            <td width="40%" class="text-r"><span class="c-danger">*</span>银行卡号：</td>
                            <td><input id="cardNumber" type="text" style="width:200px;" class="input-text radius" placeholder="银行卡号"></td>
                        </tr>
                        <tr>
                            <td width="40%" class="text-r"><span class="c-danger">*</span>短信验证码：</td>
                            <td><input id="code" type="text" style="width:200px;" class="input-text radius" placeholder="短信验证码"><span class="btn radius ml-15" id="getCode" data="0">获取验证码</span></td>
                        </tr>
                        <tr>
                            <td width="40%" class="text-r"></td>
                            <td><span class="btn radius btn-primary mr-15" id="addCard">绑定</span><span id="cancel" class="btn btn-primary radius ml-15">取消</span></td>
                        </tr>




                    </table>
                </div>
            </div>
        </article>
        <!--footer-->
        @@include('./widget/footer.html')
        <!--/footer-->
    </div>
</section>

<!--script 公用脚本-->
@@include('./widget/script.html')
<!--/script 公用脚本-->

<!--请在下方写此页面业务相关的脚本-->
<script src="./js/bank-list-add.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>